<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/博文尚美.css">
</head>

<body>
    <div class="header">
        <div class="container">
            <div class="header_top">
                <div class="logo">
                    <img src="./images/logo.png" alt="">
                </div>
                <div class="nav">
                    <a href="#">
                        <span>HOME</span>
                    </a>
                    <a href="#">
                        <span>ABOUT</span>
                    </a>
                    <a href="#">
                        <span>PROTFOLIO</span>
                    </a>
                    <a href="#">
                        <span>SERVICE</span>
                    </a>
                    <a href="#">
                        <span>NEWS</span>
                    </a>
                    <a href="#">
                        <span>CONTACT</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="header_bottom">
            <img src="./images/banner.png" alt="">
        </div>
    </div>
    <div class="content">
        <div class="container1">
            <div class="part1">
                <div class="part1_top">
                    <div class="line"></div>
                    <div class="text">
                        <p class="t1">服务范围</p>
                        <p class="t2">OUR SERVICES</p>
                    </div>
                    <div class="line"></div>
                </div>
                <div class="part1_bottom">
                    <div class="box">
                        <div class="tb">
                            <i class="iconfont icon-shebeidiannaoshouji"></i>
                        </div>
                        <p class="t1">1.WEB DESIGN</p>
                        <p class="t2">企业品牌网站设计/手机网站制作</p>
                        <p class="t3">动画网站创意设计</p>
                    </div>
                    <div class="box">
                        <div class="tb">
                            <i class="iconfont icon-xiangce"></i>
                        </div>
                        <p class="t1">2.GRAPHIC DESIGN</p>
                        <p class="t2">标志LOGO设计/产品宣传册设计</p>
                        <p class="t3">企业广告/海报设计</p>
                    </div>
                    <div class="box">
                        <div class="tb">
                            <i class="iconfont icon-gouwuche"></i>
                        </div>
                        <p class="t1">3.E-BUSINESS PLAN</p>
                        <p class="t2">淘宝/天猫装修设计及运营推广</p>
                        <p class="t3">企业微博、微信营销</p>
                    </div>
                    <div class="box">
                        <div class="tb">
                            <i class="iconfont icon-jieshouyouxiang"></i>
                        </div>
                        <p class="t1">4.MAILBOXAGENTS</p>
                        <p class="t2">腾讯/网易企业邮箱品牌代理</p>
                        <p class="t3">个性化邮箱定制开发</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="part2">
            <div class="container2">
                <div class="part2_top">
                    <div class="line"></div>
                    <div class="text">
                        <p class="t1">{&nbsp;客户案例&nbsp;}</p>
                    </div>
                    <div class="line"></div>
                </div>
                <div class="part2_middle">
                    <p class="t2">width the best professional technology,to design the best innovative web site</p>
                </div>
                <div class="part2_bottom">
                    <div class="box">
                        <img src="./images/案例1.png" alt="">
                    </div>
                    <div class="box">
                        <img src="./images/案例2.png" alt="">
                    </div>
                    <div class="box">
                        <img src="./images/案例3.png" alt="">
                    </div>
                </div>
                <div class="an">VIEW MORE</div>
            </div>
        </div>
        <div class="container3">
            <div class="part3">
                <div class="part3_top">
                    <div class="line"></div>
                    <div class="text">
                        <p class="t1">最新资讯</p>
                        <p class="t2">THE LATEST NEWS</p>
                    </div>
                    <div class="line"></div>
                </div>
                <div class="part3_middle">
                    <div class="left">
                        <img src="./images/资讯.png" alt="">
                    </div>
                    <div class="right">
                        <div class="box">
                            <div class="inner1">
                                <p class="t1">09</p>
                                <p class="t2">Jan</p>
                            </div>
                            <div class="inner2">
                                <p class="t1">网站排名进入前三的技巧说明</p>
                                <p class="t2">很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎首页，更不用说进入首页前三了。那么网站优...</p>
                            </div>
                        </div>
                        <div class="box">
                            <div class="inner1">
                                <p class="t1">08 </p>
                                <p class="t2">Jan</p>
                            </div>
                            <div class="inner2">
                                <p class="t1">flash网站制作的优缺点</p>
                                <p class="t2">虽然HTML5程序语言出现，大有逐渐代替Flash网站制作的意味，但是过于生硬的HTML5动画效果，始终...</p>
                            </div>
                        </div>
                        <div class="box">
                            <div class="inner1">
                                <p class="t1">07 </p>
                                <p class="t2">Jan</p>
                            </div>
                            <div class="inner2">
                                <p class="t1">做个网站多少钱？</p>
                                <p class="t2">“做个网站多少钱？”很多客户打电话过来直接第一句就抛出来的问题。这好比买辆车多少钱，你是要...</p>
                            </div>
                        </div>
                        <div class="box">
                            <div class="inner1">
                                <p class="t1">06</p>
                                <p class="t2">Jan</p>
                            </div>
                            <div class="inner2">
                                <p class="t1">哪些网站优化手法属于网站过度优化</p>
                                <p class="t2">大部分人都想让自己的网站，一夜之间出现在搜索引擎首页，独占鳌头。但是事实告诉我们罗马不是一...</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="container4">
            <div class="left">
                <span>Copyright &nbsp;2006-2014&nbsp;Bowenshangmei &nbsp;Culture&nbsp;All&nbsp;Rights&nbsp;Reserved</span>
            </div>
            <div class="right">
                <span>Home</span>
                <span>|</span>
                <span>About</span>
                <span>|</span>
                <span>Portfolio</span>
                <span>|</span>
                <span>Contact</span>
            </div>
        </div>
    </div>
</body>

</html>